<!--<%  @ page language="java" pageEncoding="UTF-8"%>
<%  @taglib prefix="fs" uri="/fs-tags" %>-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--<%@ taglib prefix="s" uri="/struts-tags"%>-->
 
<HTML>
	<HEAD>
		<LINK rel=stylesheet type=text/css href="img/style.css">
		<LINK rel=stylesheet type=text/css href="img/style3.css">
		<script type="text/javascript" src="../com.atilax.frmwk/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="../js/check.js"></script>
		<script type="text/javascript" src="../js/checkAll.js"></script>
		<script type="text/javascript" src="weebox0.4/bgiframe.js"></script>
		<script type="text/javascript" src="weebox0.4/weebox.js"></script>
		<link type="text/css" rel="stylesheet" href="weebox0.4/weebox.css" />
		<script language="javascript" type="text/javascript" src="../com.atilax.frmwk/My97DatePicker/WdatePicker.js" ></script>
<script type="text/javascript" src="../com.atilax.frmwk/vue.js"></script>
<!--ob8  css-->
<link rel="stylesheet" href="../resources/css/style.css" type="text/css">
<style type="text/css">
body {
	background-color: #FFFFFF;
}
</style>
</link>

<!--// css end-->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</HEAD>
	<BODY>
    <!--action="background_administrator.aspx"-->
		<form name="myForm" method="post" action="operLog_list"
			 id="myForm"
			style="margin: 0px">
			<input type="hidden" name="pageFuncId" value="${param.pageFuncId }"/>
			<DIV class="column">
				<div class="form">
                <div class="l" onclick="toggleElementByDiv('demo1_table2');">
						<div class="r">
							<span>日志搜索</span>
						</div>
				  </div>
					
			  </div>
		 	</DIV>
</form>
			<DIV class="column">
            
            <div class="form">
						<div class="l">
							<div class="r">
								<span>操作日志列表</span>
								<input type="hidden" name="idsCheckVals" id="idsCheckVals" />
							</div>
						</div>
			  </div>
			 

			  <table  id="table1" cellspacing="1" cellpadding="1"
					Align="center" border="0" 
					style="width: 100%; word-break: break-all">
					<TR class="summary-title" style="HEIGHT: 25px" align="center">
						
						
						<TD width="10%">
							
						 操作人  <!--loginname-->

						</TD>
						<TD width="15%">
							
							 操作时间  <!--  " col="opertime"/>-->
						</TD>
						<TD width="50%">
							
						 操作内容       <!-- " col="content"/>-->
						</TD>
						<TD width="10%" style="display:none">
							
							 操作IP  <!-- " col="ip"/>-->
						</TD>
					</TR>
					
					<s:iterator value="operlogList" status="bean">
					<TR class="tdbg" onMouseOver="this.className='tdbg-dark';"  id="tr1"
						style="HEIGHT: 25px" onMouseOut="this.className='tdbg';"  v-for="dataItem in list_data1">
						
						<TD  align="left"     >
							{{dataItem.loginname}} 
						</TD>
						<TD  align="left"  >
                        
                        {{dataItem.opertimeStr}} 
							 
						</TD>
						<TD  align="left"  >
                          {{dataItem.content}} 
							 
						</TD>
						<TD  align="left"  >
                          {{dataItem.ip}} 
							 
						</TD>
					</TR>
					 
					<TR class="tdbg" 
						style="HEIGHT: 25px" >
						<TD  align="center" colspan="10">
							${pageStr }
						</TD>
					</TR>
				</table>

			</DIV>

			<table width="95%" align="center">
				<tr>
					<td align="right">
						<table cellpadding="0" cellspacing="0" width="100%">
							<tr>
								<td align="left">
									<fs:operButtons />
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
            
            <script> 
		  
//建立vue与表格的绑定关系，同时设置初始值为空[]
//el就是表格id
//list_data1是自定义的数据列表
/*


var   VueObj1 =  new Vue({
          el: '#table1',
      	  data: {
            list_data1: []
          }
   });
  */ 
   //获取数据，一般是从ajax从后端获取数据
  // var  list_data2=[{loginname:"王一",content:"管理员"},{loginname:"王二",content:"普通用户"}];
    var para={"class":"com.attilax.oplog.OperLogUtil","method":"log4postgre","params": ["attilaxName","一些曹组哦记录"]};
	para=JSON.stringify(para);
	para=encodeURIComponent(para);
	 $.get("http://localhost:8081/restapi?t="+para, function(result){
	 console.log("rezt:"+result);
				//var ret_obj= JSON.parse(result); 
				 //VueObj1.$data.list_data1=ret_obj.operlogList;
  });
	
  	//将数据绑定到table控件 
   // VueObj1.$data.list_data1=list_data2;
</script>

	</BODY>
</HTML>

